<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/mobile-header.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta name="viewport"
	content="width=device-width, minimum-scale=1.0, maximum-scale=2.0" />
<title>${project.name }</title>
	<link href="${ctxStatic}/jquery-mobile/css/common.css" type="text/css" rel="stylesheet" />
<link href="${ctxStatic}/jquery-mobile/css/jquery.mobile-1.3.1.min.css" type="text/css" rel="stylesheet" />
<script src="${ctxStatic}/jquery-mobile/jquery.mobile-1.3.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="${ctxStatic }/site/themes/XinWenLieBiao/style.css" type="text/css" />
<style type="text/css">

.indexgoodslist .name {
    display: block;
    height: 40px;
    overflow: hidden;
    padding-top: 5px;
}

</style>
</head>
<body>

<div class="logoline">
	<div style="float:left;">
		<a href="index.html"><img src="${ctxUser}/project/${project.pic1 }" style="width:100%;"/></a>
	</div>
</div>

<div style="clear:both;">
</div>
		<div class="nav">
			<a href="${ctxRoot }/site/${project.id}?menuId=1">首页</a> 
			<a href="${ctxRoot }/site/${project.id}?menuId=2">产品</a> 
			<a href="${ctxRoot }/site/${project.id}?menuId=3">公司动态</a> 
			<a href="${ctxRoot }/site/${project.id}?menuId=7">联系我们</a>
		</div>

	<div>
		<p class="index-line">
		<img alt="" src="${ctxStatic}/site/themes/XinWenLieBiao/images/r.png" /><a href="#">公司简介</a> </p>
	</div>
	<div class="block">
		<c:if test="${not empty project.remarks }">
				<div class="titlecontnet">&nbsp;&nbsp;&nbsp;${project.remarks}</div>
			</c:if>
	</div>

	<div><p class="index-line">
		<img alt="" src="${ctxStatic}/site/themes/XinWenLieBiao/images/r.png" />&nbsp;<a href="${ctxRoot }/site/${project.id}?menuId=2">产品推荐</a></p>
	</div>
	<div class="block">
		<c:if test="${not empty microProductList }">
				    <div data-role="content">
			        <div class="article">
			            <ul   data-role="listview" data-inset="true"
							style="margin: 0px; padding: 0px;width:100%">
			            	<c:forEach items="${microProductList}" var="product" begin="0" end="10">
				            	<li>
				            		<a href="#" onclick="goUrl('${ctxMobileSite }/viewProduct/${product.id }')">
										<img src="${ctxUser}/product/${product.indexPic}" style="margin-top: 10px; margin-bottom: 0px; width: 100px; height: 100%" />
										<h2>${product.name}</h2>
										<p>￥${product.price}</p>
										<p class="ui-li-aside" style="display: none">0人</p>
									</a>
								</li>
			            	</c:forEach>
			            </ul>
			        </div><!-- /article -->
			    </div><!-- /content -->
			</c:if>
	</div>
	<div><p class="index-line">
		<img alt="" src="${ctxStatic}/site/themes/XinWenLieBiao/images/r.png" />&nbsp;<a href="${ctxRoot }/site/${project.id}?menuId=3">公司动态</a></p>
	</div>
	<div class="block">
		<c:if test="${not empty newsList }">
		<c:forEach items="${newsList }" var="news">
			<p>
				<a href="${ctxMobileSite }/viewNews/${news.id}" >${news.title}</a>
			</p>
		</c:forEach>
		</c:if>
	</div>
</body>
</html>
